// 导入 ReactDOM
import ReactDOM from 'react-dom/client';

// 创建渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 声明标签
const h1 = <h1>Hello React</h1>;

// 练习
const p1 = <p>月薪过万</p>;
const p2 = <p id="123">月薪过万</p>;
const p3 = (
  <p id="123" className="title">
    月薪过万
  </p>
);
const div = (
  <div>
    <h2>购物列表</h2>
    <ul>
      <li>华为</li>
      <li>iPhone</li>
    </ul>
  </div>
);

// 渲染这个标签（React 元素）
root.render(div);
